<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<style type="text/css">
			@media screen and (max-width: 321px) { body { font-size:16px } }
			@media screen and (min-width: 321px) and (max-width:400px){ body { font-size:17px } }
			@media screen and (min-width: 400px) { body { font-size:19px } }




		</style>
	</head>

	<body>
		<div>网易移动端开发</div>
		
		<script type="text/javascript">
			// iPhone6的设计图
			document.documentElement.style.fontSize = document.documentElement.clientWidth / 7.5 + 'px';
		</script>
	</body>

</html>
